@charset "utf-8";

$font-size:40;

@function rem($px){
    @return $px/$font-size*1rem;
}


#xiajiabg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top :0;
    left: 0;
    z-index: 99;
    display: none;
}
.dialog{
    width: rem(550);
    height: rem(300);
    border-radius: rem(10);
    background: #FFFFFF;
    position: absolute;
    left: rem(45);
    top: rem(464);
    z-index: 999;
    p{
        font-size: rem(30);
        text-align: center;
        line-height: rem(50);
        &:nth-of-type(2),&:nth-of-type(3){
            font-size: rem(22);
            column-count: #ccc;
        }
    }
    .soldoutbtn{
        width: 90%;
        height: rem(145);
        margin: 0 auto;
        border-top: rem(1) solid #CCCCCC;
        line-height: rem(145);
        #xiajialeft{
            display: inline-block;
            width: rem(233);
            height: rem(78);
            letter-spacing: rem(4);
            border: rem(1) solid #CCCCCC;
            background: #FFFFFF;
            text-align: center;
            line-height: rem(78);
            font-size: rem(30);
            color: #666666;
            border-radius: rem(5);
        }
        #xiajiaright{
             display: inline-block;
            width: rem(235);
            height: rem(80);
            letter-spacing: rem(4);
            border-radius: rem(5);
            background: #d62d31;
            text-align: center;
            line-height: rem(78);
            font-size: rem(30);
            color: white;
        }
    }
}

#productfinish4{
    width: rem(249);
    height: rem(183);
    background: rgba(0,0,0,0.5);
    border-radius: rem(10);
    position: absolute;
    top:rem(500) ;
    left: rem(196);
    z-index: 99;
    display: none;
    
    .finishimg{
        width: rem(69);
        height: rem(69);
        margin:  rem(15) auto rem(15) auto;
        img{
            width: 100%;
            height: 100%;
        }
    }
    p{
        text-align: center;
        font-size:rem(28) ;
        color: white;
    }
}

.income{
    width: 100%;
    height: rem(185);
    border-bottom: rem(1) solid #C1C1C1;
    border-top: rem(1) solid #C1C1C1;
    background: #FFFFFF;
    margin-top: rem(30);
     .storeline{
        width: 95%;
        height: rem(2);
        background: #e3e3e3;
    }
    .income-top{
            width: 90%;
            height: rem(28);
            margin: rem(30) auto rem(30) auto;
            h3{
                font-size: rem(28);
                float: left;
                 font-weight: normal;
            }
            a{
                display: inline-block;
                float: left;
               color: black;
                font-size: rem(28); 
            }
        }
         .income-bottom{
            width: 90%;
            height: rem(28);
            margin: rem(60) auto rem(30) auto;
            h3{
                font-size: rem(28);
                float: left;
                 font-weight: normal;
            }
            a{
                display: inline-block;
                float: left;
               color: black;
                font-size: rem(28); 
            }
        }
        
}

.withdraw-account{
    width: 100%;
    height: rem(90);
    border-bottom: rem(1) solid #C1C1C1;
    border-top: rem(1) solid #C1C1C1;
    background: #FFFFFF;
    margin-top: rem(30);
    
    .income-top{
            width: 90%;
            height: rem(90);
            margin: 0 auto;
            h3{
                font-size: rem(28);
                float: left;
                 font-weight: normal;
                  line-height: rem(92);
            }
            span{
                     color: #a8a9ab;
                    font-size: rem(28);
                    line-height: rem(90);
                    float: right;
                    color: #a8a9ab;
                font-size: rem(28);
                }
            a{
                display: inline-block;
                float: right;
                 margin-left: rem(5);
               
                 .icon_enter{
                   width: rem(16);
                   height: rem(28);
                   display: inline-block;
                  vertical-align: middle;
                   img{
                       width: 100%;
                       height: 100%;
                   }
               }
        }
    }
        
}
.finish{
    margin-top: rem(33);
    width:rem(580);
    height:rem(85);
    border-radius: rem(10);
    background: #d62d31;
    color: white;
    font-size:rem(32);
    text-align: center;
    letter-spacing: rem(13);
    margin-left: rem(30);
}
.explain{
    width: 90%;
    margin: rem(32) auto 0 auto;
    p{
        font-size:rem(20);
        letter-spacing: rem(1);
        color: #999999;
        line-height: rem(32);
        a{
            color: #153fc6;
        }
    }
}
